:root {
    --primary: #23489E;
    --info: #335dbf;
    --accent: rgb(251, 171, 73);
}

* {
    font-family: 'Google Sans', sans-serif !important;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.bg-info {
    background-color: var(--info) !important;
}

.bg-accent {
    background-color: var(--accent) !important;
}

.border-accent {
    border-color: var(--accent) !important;
}

.list-informasi {
    .card.features {
        height: 100%;
        transition: all;

        &:hover {
            transform: translateY(-4px);
        }

    }
}

.list-aplikasi {
    img {
        height: 200px;
        max-width: 170px;
        object-fit: contain;
        mix-blend-mode: multiply;
    }
}

.navigation-menu.nav-light {
    .sub-menu-item {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.navigation-menu.nav-dark {
    .sub-menu-item {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.carousel-item img {
  height: 70vh;
  object-fit: cover;
}

.avatar.avatar-ex-sm {
    max-height: 45px;
}

.title {
    font-size: 48px;
}

/* #topnav .navigation-menu.nav-light>li.active>a {
    color: var(--primary) !important;
} */

/* #topnav .navigation-menu.nav-light>li>a {
    color: gray;

    &:hover {
        color: var(--primary) !important;
    }
} */

.social-media {
    a {
        color: white;
        font-size: 12px;

        svg {
            width: 14px;
        }
    }

}